<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>当前数据</title>

    <meta name="keywords" content="数据">
    <meta name="description" content="当前数据">
    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="<?= base_url('assets/css/bootstrap.min.css?v=3.3.6') ?>" rel="stylesheet">

    <link href="<?= base_url('assets/css/font-awesome.css?v=4.4.0') ?>" rel="stylesheet">
    <link href="<?= base_url('assets/css/plugins/iCheck/custom.css') ?>" rel="stylesheet">
    <link href="<?= base_url('assets/css/animate.css') ?>" rel="stylesheet">
    <link href="<?= base_url('assets/css/style.css?v=4.1.0') ?>" rel="stylesheet">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-3">
                <div class="widget style1">
                    <div class="row">
                        <div class="col-xs-4 text-center">
                            <i class="fa fa-mobile-phone fa-5x"></i>
                        </div>
                        <div class="col-xs-8 text-right">
                            <span> 设备总数 </span>
                            <h2 class="font-bold"> <?= $data['total_device']?> 台</h2>
                        </div>
                    </div>
                </div>
            </div>
<!--            <div class="col-sm-3">-->
<!--                <div class="widget style1 navy-bg">-->
<!--                    <div class="row">-->
<!--                        <div class="col-xs-4">-->
<!--                            <i class="fa fa-mobile-phone fa-5x"></i>-->
<!--                        </div>-->
<!--                        <div class="col-xs-8 text-right">-->
<!--                            <span>  今日新绑定MYNT设备 </span>-->
<!--                            <h2 class="font-bold">260台</h2>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-3">-->
<!--                <div class="widget style1 lazur-bg">-->
<!--                    <div class="row">-->
<!--                        <div class="col-xs-4">-->
<!--                            <i class="fa fa-mobile-phone fa-5x"></i>-->
<!---->
<!---->
<!---->
<!---->
<!--                        </div>-->
<!--                        <div class="col-xs-8 text-right">-->
<!--                            <span>今日新绑定GPS设备 </span>-->
<!--                            <h2 class="font-bold">260台</h2>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

        </div>

        <div class="row">
            <div class="col-sm-2">
                <div class="widget style1 navy-bg">
                    <div class="row vertical-align">
                        <div class="col-xs-3">
                            <i class="fa fa-user fa-3x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <span> 总用户 </span>
                            <h2 class="font-bold"><?= $data['total_user']?></h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="widget style1 navy-bg">
                    <div class="row vertical-align">
                        <div class="col-xs-3">
                            <i class="fa fa-mobile-phone fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <span>MYNT设备总数 </span>
                            <h2 class="font-bold"><?= $data['total_mynt_device']?></h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="widget style1 navy-bg">
                    <div class="row vertical-align">
                        <div class="col-xs-3">
                            <i class="fa fa-mobile-phone fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <span>GPS设备总数</span>
                            <h2 class="font-bold"><?= $data['total_gps_device'] ?></h2>
                        </div>
                    </div>
                </div>
            </div>

        </div>


    </div>

    <!-- 全局js -->

    <?php include "include/admin_foot_script.php" ?>

    <script src="<?= base_url('assets/js/jquery-ui-1.10.4.min.js') ?>"></script>


    <!-- 自定义js -->
    <script src="<?= base_url('assets/js/content.js?v=1.0.0') ?>"></script>


    <!-- iCheck -->
    <script src="<?= base_url('assets/js/plugins/iCheck/icheck.min.js') ?>"></script>

    <!-- Jvectormap -->
    <script src="<?= base_url('assets/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') ?>"></script>
    <script src="<?= base_url('assets/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') ?>"></script>

    <!-- Flot -->
    <script src="<?= base_url('assets/js/plugins/flot/jquery.flot.js') ?>"></script>
    <script src="<?= base_url('assets/js/plugins/flot/jquery.flot.tooltip.min.js') ?>"></script>
    <script src="<?= base_url('assets/js/plugins/flot/jquery.flot.resize.js') ?>"></script>

    

    <script>
        $(document).ready(function () {
            var d1 = [[1262304000000, 6], [1264982400000, 3057], [1267401600000, 20434], [1270080000000, 31982], [1272672000000, 26602], [1275350400000, 27826], [1277942400000, 24302], [1280620800000, 24237], [1283299200000, 21004], [1285891200000, 12144], [1288569600000, 10577], [1291161600000, 10295]];
            var d2 = [[1262304000000, 5], [1264982400000, 200], [1267401600000, 1605], [1270080000000, 6129], [1272672000000, 11643], [1275350400000, 19055], [1277942400000, 30062], [1280620800000, 39197], [1283299200000, 37000], [1285891200000, 27000], [1288569600000, 21000], [1291161600000, 17000]];

            var data1 = [
                {
                    label: "Data 1",
                    data: d1,
                    color: '#17a084'
                },
                {
                    label: "Data 2",
                    data: d2,
                    color: '#127e68'
                }
            ];
            $.plot($("#flot-chart1"), data1, {
                xaxis: {
                    tickDecimals: 0
                },
                series: {
                    lines: {
                        show: true,
                        fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 1
                            }, {
                                opacity: 1
                            }]
                        },
                    },
                    points: {
                        width: 0.1,
                        show: false
                    },
                },
                grid: {
                    show: false,
                    borderWidth: 0
                },
                legend: {
                    show: false,
                }
            });

            var data2 = [
                {
                    label: "Data 1",
                    data: d1,
                    color: '#19a0a1'
                }
            ];
            $.plot($("#flot-chart2"), data2, {
                xaxis: {
                    tickDecimals: 0
                },
                series: {
                    lines: {
                        show: true,
                        fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 1
                            }, {
                                opacity: 1
                            }]
                        },
                    },
                    points: {
                        width: 0.1,
                        show: false
                    },
                },
                grid: {
                    show: false,
                    borderWidth: 0
                },
                legend: {
                    show: false,
                }
            });

            var data3 = [
                {
                    label: "Data 1",
                    data: d1,
                    color: '#fbbe7b'
                },
                {
                    label: "Data 2",
                    data: d2,
                    color: '#f8ac59'
                }
            ];
            $.plot($("#flot-chart3"), data3, {
                xaxis: {
                    tickDecimals: 0
                },
                series: {
                    lines: {
                        show: true,
                        fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 1
                            }, {
                                opacity: 1
                            }]
                        },
                    },
                    points: {
                        width: 0.1,
                        show: false
                    },
                },
                grid: {
                    show: false,
                    borderWidth: 0
                },
                legend: {
                    show: false,
                }
            });

            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });

            $(".todo-list").sortable({
                placeholder: "sort-highlight",
                handle: ".handle",
                forcePlaceholderSize: true,
                zIndex: 999999
            }).disableSelection();;

            var mapData = {
                "US": 498,
                "SA": 200,
                "CA": 1300,
                "DE": 220,
                "FR": 540,
                "CN": 120,
                "AU": 760,
                "BR": 550,
                "IN": 200,
                "GB": 120,
                "RU": 2000
            };

            $('#world-map').vectorMap({
                map: 'world_mill_en',
                backgroundColor: "transparent",
                regionStyle: {
                    initial: {
                        fill: '#e4e4e4',
                        "fill-opacity": 1,
                        stroke: 'none',
                        "stroke-width": 0,
                        "stroke-opacity": 0
                    }
                },
                series: {
                    regions: [{
                        values: mapData,
                        scale: ["#1ab394", "#22d6b1"],
                        normalizeFunction: 'polynomial'
                    }]
                },
            });
        });
    </script>

    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <!--统计代码，可删除-->

</body>

</html>
